
/**
===============================================================
	author:wangenci
	name: CSS rest
	date:2013-10-30 11:34 AM
	version:2.0 beta
	Q   Q:  
===============================================================
**/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0;
	padding: 0;
	border-spacing:0px !important;
	border-collapse:0px;
}
body{Font-size=62.5%,"Arial Narrow",HELVETICA; line-height:1.2;}
/*A*/
h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
.center{text-align:center;}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/*img*/
img{ border:0 none; vertical-align:top;}
/*li*/
ul,li{list-style-type:none;}
/*娴姩*/
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
	zoom:1 !;
}
.clearfix{} 
img{boder:0;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
.clear{clear:both;}
/*wrap*/
#wrap{text-align:left;}
.center{
	text-align:center;
	margin:0 auto;
}
/**/
.w1200{
	width:1200px;
	margin:0 auto;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w980{
	width:980px;
	margin:0 auto;
	zoom:1;
}
.w970{
	width:970px;
	margin:0 auto;
	zoom:1;
}
.w990{
	width:990px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1192{
	width:1192px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w1004{
	width:1004px;
	margin:0 auto;
	zoom:1;
}
.w1002{
	width:1002px;
	margin:0 auto;
	zoom:1;
}
.w1216{
	width:1216px;
	margin:0 auto;
	padding:0;

}
.mb-none{
	margin-bottom:0px;
}
.mr-none{
	margin-right:0px !important;
}
.border{
	border:none !important
}
/*button*/
button{ cursor:pointer;}

/*i,em*/
i,em{ font-style:normal;}

.page a{
	display:inline-block;
	height:38px;
	line-height:38px;
	width:38px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#999999;
	background:#ffffff;
}
/*
.page{
	text-align:center;
	padding-top:30px;
}
*/
.page{
	 padding-bottom: 30px;
}
.page a:hover{
	background:#b7bcbe;
}
.page a.on{
	background:#b7bcbe;
}
.page span{
	display:inline-block;
	height:38px;
	line-height:38px;
	padding-left:9px;
	padding-right:9px;
	font-family:"微软雅黑";
	font-size:14px;
}

/**
==========================================
<div class="page">
	<a href="#">上一页</a>
	<a href="#" class="on">1</a>
	<a href="#">2</a>
	<a href="#">3</a>
	<a href="#">4</a>
	<span>...</span>
	<a href="#">15</a>
	<a href="#">16</a>
	<a href="#">下一页</a>
</div>
==========================================
**/
/**************************
***** HINT STYLING *******
**************************/

.hint{position:relative;display:inline-block;}

.hint:before, .hint:after{
	position:absolute;
	opacity:0;
	z-index:1000000;
	
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	pointer-events:none;
}		
.hint:hover:before, .hint:hover:after{opacity:1;}
.hint:before{
	content:'';
	position:absolute;
	background:transparent;
	border:6px solid transparent;
	position:absolute;
}	
.hint:after{
	content:attr(data-hint);
	background:rgba(0, 0, 0, 0.8);
	color:white;
	padding:8px 10px;
	font-size:12px;
	white-space:nowrap;
	box-shadow:4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* top */
.hint-top:before{
	bottom:100%;
	left:50%;
	margin:0 0 -18px 0;
	border-top-color:rgba(0, 0, 0, 0.8);
}		
.hint-top:after{
	bottom:100%;
	left:50%;
	margin:0 0 -6px -10px;
}
.hint-top:hover:before{
	margin-bottom:-10px;
}
.hint-top:hover:after{
	margin-bottom:2px;
}

/* default:bottom */
.hint-bottom:before{
	top:100%;
	left:50%;
	margin:0px 0 0 0;
	border-bottom-color:rgba(0, 0, 0, 0.8);
}	
.hint-bottom:after{
	top:100%;
	left:50%;
	margin:-2px 0 0 -10px;
}
.hint-bottom:hover:before{
	margin-top:-6px;
}
.hint-bottom:hover:after{
	margin-top:6px;
}

/* right */
.hint-right:before{
	left:100%;
	bottom:50%;
	margin:0 0 -4px -8px;
	border-right-color:rgba(0,0,0,0.8);
}		
.hint-right:after{
	left:100%;
	bottom:50%;
	margin:0 0 -13px 4px;
}
.hint-right:hover:before{
	margin:0 0 -4px -0;
}
.hint-right:hover:after{
	margin:0 0 -13px 12px;
}
.btns:active{
	top:2px;
	border-bottom:2px solid #43A747;
	
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}

.btns span{
	position:absolute;
	left:0;
	width:60px;
	
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}



/*app*/

.container{
	padding-right:15px;
	padding-left:15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px){

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}


@media (min-width: 768px) {

}

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}

@media (min-width: 768px) {

}


@media only screen and (max-width: 1440px) and (min-width:1366px) {
}
@media only screen and (max-width: 1350px) and (min-width:1200px) {
	.w1200{
		width:96% !important; 
		padding-left:2% !important; 
		padding-right:2% !important;	
	}
}
@media only screen and (max-width: 1200px) and (min-width:1024px) {
	.w1200{
		width:96% !important; 
		padding-left:2% !important; 
		padding-right:2% !important;	
	}

}
@media only screen and (max-width: 1024px) and (min-width:768px) {
	.w1200{
		width:96% !important; 
		padding-left:2% !important; 
		padding-right:2% !important;	
	}

}
@media only screen and (max-width: 768px) and (min-width:640px) {
	.w1200{
		width:96% !important; 
		padding-left:2% !important; 
		padding-right:2% !important;	
	}
}
@media only screen and (max-width: 640px) and (min-width:480px) {
	.w1200{
		width:96% !important; 
		padding-left:2% !important; 
		padding-right:2% !important;	
	}
	.nav-r{display:none !important;}
	.menu-btn span {
		position: absolute;
		right: 8px !important;;
		top: 22px !important;;
	} 
	.m-trigger{display:block !important;}
}
@media only screen and (max-width: 480px) and (min-width:320px) {
	.w1200{
		width:96% !important; 
		padding-left:2% !important; 
		padding-right:2% !important;	
	}
	.nav-r{display:none !important;}
	.menu-btn span {
		position: absolute;
		right: 8px !important;;
		top: 22px !important;;
	} 
	.m-trigger{display:block !important;}
}
@media only screen and (max-width: 320px) and (min-width:240px) {
	.w1200{
		width:96% !important; 
		padding-left:2% !important; 
		padding-right:2% !important;	
	}
	.menu-btn span {
		position: absolute;
		right: 8px !important;;
		top: -19px !important;;
	} 
	.m-trigger{display:block !important;}
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}


@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}














@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveToRight { 
	from { }
	to { -webkit-transform: translateX(100%); }
}
@keyframes moveToRight { 
	from { }
	to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
}
@keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); }
}
@keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); }
}
@keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

@-webkit-keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;}
	60% { -webkit-transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);}
}

@keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;
		transform: translateY(-80%);opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;
		transform: translateY(-80%);opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;
		transform: translateY(10%);opacity:1;}
	60% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);transform: translateY(0%);}
}

/*  iconUp & circle */
.pt-page-moveIconUp {
	-webkit-animation: moveIconUp ease 1.5s both infinite;
	animation: moveToBottom ease 1.5s both infinite;
}

.pt-page-moveCircle {
	-webkit-animation: moveCircle ease-in-out 2.2s both;
	animation: moveCircle ease-in-out 2.2s both;
}







